<template>
  <div class="big-data-screen">
    <onPage @swithPage="swithPage" v-if="pageShow"/>
    <twoPage @swithPage="swithPage" v-if="!pageShow"/>
  </div>
</template>

<script>
  import onPage from './onePage/index.vue'
  import twoPage from './twoPage/index.vue'

  export default {
    name: 'big-data-screen',
    components: {
      onPage,
      twoPage
    },
    data() {
      return {
        pageShow: true
      }
    },
    mounted() {

    },
    methods: {
      swithPage(status) {
        this.pageShow = status
      }
    }
  }
</script>

<style scoped>
  .big-data-screen {
    background-image: url('../../assets/bigDataSourceImage/bgimage.png');
    background-size: cover;
    height: 100%;
    min-height: 700px;
    min-width: 1220px;
  }

</style>
